<!-- eslint-disable vue/v-on-event-hyphenation -->
<template>
  <div class="page_1720605043773" style="width: 50%;background: red;">
    <NstdMonitMenu
        :data="nstdBaseMenu1Data"
        font-size="20px"
        color="#fff"
        mode="horizontal"
        class="nstd-monit-menu_1"
        label="title"
        @menu-click="handleMenuClick"
    />
  </div>
</template>

<script setup>
function handleMenuClick(item){
  console.log(item, 'item');
}
//
let nstdBaseMenu1Data = ref([
  {
    "display": 1,
    "title": "首页",
    "path": "/home"
  },
  {
    "display": 1,
    "title": "首页",
    "path": "/pcHome"
  },
  {
    "title": "hs",
    "display": 1,
    "nav": 1,
    "menuType": 1,
    "path": "/hs",
    "children": [
      {
        "title": "无树列表模板",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/hs/NoTreeList"
      },
      {
        "title": "有树列表模版",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/hs/TreeListPage"
      },
      {
        "title": "无树表单页",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/hs/NoTreeForm"
      },
      {
        "title": "有树表单页",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/hs/TreeFormPage"
      },
      {
        "title": "测试1",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/hs/TesT1"
      },
      {
        "title": "测试2",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/hs/TesT2"
      },
      {
        "title": "测试3",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/hs/PaGe3"
      },
      {
        "title": "测试4",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/hs/TesT4"
      },
      {
        "title": "页面1",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/hs/PaGe1"
      }
    ]
  },
  {
    "title": "测试",
    "display": 1,
    "nav": 1,
    "menuType": 1,
    "path": "/test",
    "children": [
      {
        "title": "列表（无树）展示页",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/test/PaGe2"
      },
      {
        "title": "列表（有树）展示页",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/test/PaGe1"
      },
      {
        "title": "弹框选择（有树）展示页",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/test/PaGe3"
      },
      {
        "title": "弹框选择（无树）展示页",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/test/PaGe4"
      },
      {
        "title": "分页签信息展示页",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/test/PaGe6"
      },
      {
        "title": "台账新增展示页",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/test/PaGe5"
      },
      {
        "title": "作业卡管理",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/test/PaGe8"
      },
      {
        "title": "作业卡管理-新增",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/test/PaGe9"
      },
      {
        "title": "环保预验收-新",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/test/PaGe10"
      },
      {
        "title": "典型验收作业卡",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/test/PaGe11"
      },
      {
        "title": "页面333",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/test/PaGe333"
      }
    ]
  },
  {
    "title": "作业管理",
    "display": 1,
    "nav": 1,
    "menuType": 1,
    "path": "/dir2",
    "children": [
      {
        "title": "作业管理-列表",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/dir2/ZuoYeList"
      },
      {
        "title": "作业管理-新增",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/dir2/ZuoYeForm"
      }
    ]
  },
  {
    "title": "环保预验收",
    "display": 1,
    "nav": 1,
    "menuType": 1,
    "path": "/fun112",
    "children": [
      {
        "title": "环保预验收列表-新",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/fun112/HuanBaoListNew"
      },
      {
        "title": "典型验收作业卡",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/fun112/DianXingZYk"
      },
      {
        "title": "典型作业卡-新增",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/fun112/DianXingZYkXz"
      },
      {
        "title": "验收任务单",
        "display": 1,
        "nav": 1,
        "menuType": 1,
        "path": "/fun112/YanShouRWD",
        "children": [
          {
            "title": "验收任务单列表",
            "display": 1,
            "nav": 1,
            "menuType": 2,
            "path": "/fun112/YanShouRWD/YanShouRwdList"
          },
          {
            "title": "验收任务单-新增",
            "display": 1,
            "nav": 1,
            "menuType": 2,
            "path": "/fun112/YanShouRWD/YanshouRwdAdd"
          },
          {
            "title": " 验收任务单编发",
            "display": 1,
            "nav": 1,
            "menuType": 2,
            "path": "/fun112/YanShouRWD/YanshouRwdAddCopyDlXR"
          },
          {
            "title": "选择预验收项目",
            "display": 1,
            "nav": 1,
            "menuType": 2,
            "path": "/fun112/YanShouRWD/YanshouXuanzhe"
          }
        ]
      }
    ]
  },
  {
    "title": "验证bug",
    "display": 1,
    "nav": 1,
    "menuType": 1,
    "path": "/bug",
    "children": [
      {
        "title": "页面1",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/bug/PaGe1"
      },
      {
        "title": "测试问题",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/bug/TestPro"
      },
      {
        "title": "页面11",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/bug/PaGe11"
      },
      {
        "title": "页面12",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/bug/PaGe12"
      },
      {
        "title": "页面13",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/bug/PaGe13"
      },
      {
        "title": "页面14",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/bug/PaGe14"
      },
      {
        "title": "页面15",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/bug/PaGe15"
      },
      {
        "title": "页面16",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/bug/PaGe16"
      },
      {
        "title": "页面17",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/bug/PaGe17"
      },
      {
        "title": "有树列表页",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/bug/PaGe333"
      },
      {
        "title": "有树表单页",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/bug/PaGe444"
      },
      {
        "title": "111",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/bug/XxxXxx"
      },
      {
        "title": "111-1",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/bug/XxxXxxx"
      }
    ]
  },
  {
    "title": "列表页面01123",
    "display": 1,
    "nav": 1,
    "menuType": 2,
    "path": "/FlowSelectUser12"
  },
  {
    "title": "fdsa",
    "display": 1,
    "nav": 1,
    "menuType": 2,
    "path": "/DfgsaD"
  },
  {
    "title": "列表页面02123",
    "display": 1,
    "nav": 1,
    "menuType": 2,
    "path": "/LisPa123"
  },
  {
    "title": "haihai",
    "display": 1,
    "nav": 1,
    "menuType": 1,
    "path": "/cvc",
    "children": [
      {
        "title": "ff",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/cvc/DasdDasd"
      }
    ]
  },
  {
    "title": "表单页面",
    "display": 1,
    "nav": 1,
    "menuType": 2,
    "path": "/ListLsdf02123123"
  },
  {
    "title": "luoping",
    "display": 1,
    "nav": 1,
    "menuType": 1,
    "path": "/luoping",
    "children": [
      {
        "title": "列表页面",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/luoping/ListLsdf0001"
      },
      {
        "title": "表单页面",
        "display": 1,
        "nav": 1,
        "menuType": 2,
        "path": "/luoping/FormPage0002"
      }
    ]
  },
  {
    "title": "fdasG",
    "display": 1,
    "nav": 1,
    "menuType": 2,
    "path": "/DgfdaGD"
  }
]);
// setTimeout(() => {
//   nstdBaseMenu1Data.value =
// }, 2000)
onMounted(() => {});
defineExpose({});
</script>

